[#ftl]
<!doctype html>
<head>
    <meta name="decorator" content="login"> 
</head>
<html>
<head>
    <meta charset="utf8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>TPO | Login</title>
    <link rel="stylesheet" type="text/css" href="${rc.contextPath!}/resources/css/login.css"/>
    <script type="text/javascript" src="${rc.contextPath!}/resources/js/jquery/jquery-1.7.js"></script>
    <script type="text/javascript" src="${rc.contextPath!}/resources/js/jquery/jquery-ui-1.8.16.custom.min.js"></script>
</head>
<body align="center">
        <div id="container">
            <!-- Login Starts Here -->
            <div id="loginContainer">
                <div id="loginBox">                
                    <form id="loginForm" action="${rc.contextPath!}/j_spring_security_check" method="post">
                        <fieldset id="body">
                            <fieldset>
                                <label for="email">Username (Email Address)</label>
                                <input type="text" name="j_username" id="email" />
                            </fieldset>
                            <fieldset>
                                <label for="password">Password</label>
                                <input type="password" name="j_password" id="password" />
                            </fieldset>
                            <input type="submit" id="login" value="Sign in" action="${rc.contextPath!}/j_spring_security_check"/>
                            <label for="checkbox"><input type="checkbox" id="checkbox" />Remember me</label>
                        </fieldset>
                        <span><a href="#">Forgot your password?</a></span>
                    </form>
                </div>
            </div>
            <!-- Login Ends Here -->
        </div>
    
</body>
</html>